<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <style>
        table td{
            width: 100px;
            line-height: 48px;
            font-size: 16px;
            color: black;
            border: 1px red solid;
        }
    </style>
</head>
<body>
<table>
<!--

   在现实生活中，我们经常需要表格来表示一些格式化数据
      课程表、人名单、成绩单

      同样在网页中我们也需要表格，我们通过table标签来创建一个表格
-->
<!--    再table中使用tr表示表格中的一行，有几个tr就有几行-->
    <tr>
<!--          在tr中使用td表示一个单元格，有几个td就有几个单元格-->
        <td>1</td>
        <td>2</td>
        <td>3</td>
<!--        纵向的合并单元格式-->
        <td rowspan="2"></td>
    </tr>
    <tr>
        <td>4</td>
        <td>5</td>
        <td>6</td>
    </tr>
    <tr>
        <td>7</td>

<!--        colspan横向的合并单元格式-->
        <td colspan="2">8</td>
    </tr>
</table>
</body>
</html>